@charset "utf-8";
@import "page.css";
@import "hdp.css";
@import "nav.css";
@import "/font/iconfont.css";
body{font-size:14px;font-family:"Microsoft YaHei";color:#333;}
*{margin:0px;padding:0px;list-style: none;}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#1297DC}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic{ overflow: hidden; margin: auto; }
.pic span{background-size: cover; background-repeat: no-repeat; background-position: center; display: block;}
.w1800{ width: 80%; margin: auto;}
.w1200{ width: 1200px; margin: auto; }
.w1670{ width:1670px; margin:auto; max-width:96%;}
.content{ margin:20px auto; }
.middle{ margin: 0px auto; padding: 40px 0px; }
.animates{transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;}
.banner .pic span{ padding-top: 56%; }
.top{ margin: auto; width: 100%; position: fixed; left: 0px; top: 0px; border-bottom: rgba(255, 255, 255, 0.2) 1px solid; padding: 30px 0px; z-index: 99; }
.logo{ float: left;  }
.nav{ float:left; font-size: 16px; margin-left: 120px; }
.nav li{ float: left; text-align: center; position: relative; z-index: 999;padding-top: 20px;}
.nav li a{ display: block;  margin: 0px 28px; color: #fff;}
.nav li a:hover{ }
.nav li.on a{}
.top.fix{background:rgba(0,0,0,0.5); padding:15px 0px;}
.nav li .sub-box1{ position:absolute;text-transform:none; top:72px; left: -45%;  width:200%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:0px 10px; text-align: center; border-bottom: #004F88 1px dotted; line-height: 45px; }
.nav li .sub-box a:hover{ background: #4078c2; color: #fff; }
.tel{ float: right;  text-align: right; color: #fff; }
.tel span{ display: block; }
.tel p{ font-family: Arail; font-size: 26px; font-weight: bold; }
.tel p i{font-size: 26px; margin-right: 5px; font-weight: normal;}
.hasdiv{ overflow:hidden; display:block;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: rotate(0deg)
}
.hasdiv .bkg{ display:block; width:100%;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.hasdiv:hover .bkg{	   transform: rotate(0deg) scale(1.1);
            -webkit-transform: rotate(0deg) scale(1.1);
            -moz-transform: rotate(0deg) scale(1.1);
            -o-transform: rotate(0deg) scale(1.1);
            -ms-transform: rotate(0deg) scale(1.1);}
.about_box{ margin:50px auto 0px auto; }
.about{ float: left; width: 40%; margin-left: 10%; padding:100px 0px 0px 0px; }
.about b{ display: block; float: left; margin-right: 5px; width: 120px; height: 1px; background: #333; position: relative; top: 25px; }
.about_r{ float: right;  }
.about_dh{ margin:auto; overflow: hidden; }
.about_dh span{ font-family: Arial; text-transform:uppercase;  font-size: 48px; font-weight: bold;}
.about_dh p{ font-size: 24px; margin:5px auto; }
.about_dh1{ margin:auto; font-size: 40px; }
.about_dh1 span{ color: #3d6afe; font-size: 40px;  font-weight: normal; }
.about_dh1 i{ color: #15ace4;  }
.about_nr{ margin:30px auto; font-size: 16px; color: #999; line-height: 200%; }
.more i{  margin-right: 5px; font-size: 16px; }
.up{ text-transform:uppercase;}
.case{ margin:auto; overflow:hidden }
.case li{ float: left; width: 33.3%; position:relative; overflow:hidden }
.case li .case_c{ padding-bottom:70.2%;}

.project{ width:100%; position:absolute; left:0px; top:0px;}
 .project__image {
    display: block;
    position: relative; width:100%; padding-bottom:70.2%; background-repeat:no-repeat; background-position:center; background-size:cover;   }
    .project__image img {
      width: 100%;
      max-width: 100%;
      display: block; }

  .project__card {
    position: relative;
    will-change: transform;
    transition: box-shadow .3s ease;
 }
    .project__card.hover-in {
      transition: -webkit-transform .2s ease-out;
      transition: transform .2s ease-out;
      transition: transform .2s ease-out, -webkit-transform .2s ease-out; }
    .project__card.hover-out {
      transition: -webkit-transform .2s ease-in;
      transition: transform .2s ease-in;
      transition: transform .2s ease-in, -webkit-transform .2s ease-in; }
  .project:hover .project__card {
    /*box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);*/ }
  .project:hover .project__image:after {
    /*opacity: 1;*/ }
  .project:hover .project__detail {
   /* border-width: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);*/background:rgba(0,0,0,0.3); }
  .project:hover .project__title, .project:hover .project__category {
    -webkit-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 1; }
  .project__detail { overflow:hidden;
    position: absolute;
    left: 0px;
	text-align:center; width:100%; height:100%;
    top: 0px;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    pointer-events: none;
    -webkit-transform: translateZ(30px);
            transform: translateZ(30px);
    border: 0 solid #00BCD4;
    transition: border .4s ease; }
  .project__title {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 700;
    transition: .4s ease;
    opacity: 0;
    -webkit-transform: translateY(40px) scale(0);
        -ms-transform: translateY(40px) scale(0);
            transform: translateY(40px) scale(0);
    will-change: transform; }
    .project__title a {
      color: white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:block; width:100%;  }
  .project__category {
    opacity: 0;
    transition: .4s ease;
    transition-delay: .1s;
    -webkit-transform: translateY(40px) scale(0);
        -ms-transform: translateY(40px) scale(0);
            transform: translateY(40px) scale(0);
    will-change: transform; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:block; width:100%;}
    .project__category a {
      color: rgba(255, 255, 255, 0.8);
      font-size: 1.3em; }





.index_new{ padding:50px 0px 50px;}
.new_top{}
.new_top .index_new_title{  float:left;}
.new_top .index_new_title i{ font-size:47px; font-weight:bold; position:relative; display:block; font-family:Arial, Helvetica, sans-serif; padding-left:150px;}
.new_top .index_new_title i:before{ height:1px; width:115px; display:block; overflow:hidden; left:0px; top:49%; position:absolute; content:"hg"; background:#252525;}
.new_top .index_new_title em{ display:block; font-size:40px;}
.new_top p.new_tab_title{ float:right; margin-top:22px;}
.new_top p.new_tab_title a{ display:inline-block; height:44px; cursor:pointer; line-height:44px; margin-left:12px; font-size:16px; padding:0px 25px; border-radius:44px; }
.new_top p.new_tab_title a.ses,.new_top p.new_tab_title a:hover{ color:#FFF; background:#3d6afe;}
ul.index_new_nr{ padding-top:40px; /*width:1440px;*/ max-width:100%; margin:auto;}
ul.index_new_nr dl{ display:none;}
ul.index_new_nr dl .tuijian{ float: left; width: 29%; display: none; }
ul.index_new_nr dl li{  overflow: hidden;}
/*ul.index_new_nr dl li.z{ margin-right:0px;}*/
ul.index_new_nr dl .tuijian .children_list_pic{}
ul.index_new_nr dl .tuijian .children_list_pic .bkg{ height:362px;}
ul.index_new_nr dl .tuijian .children_list{ border-top:1px solid #cccccc; padding-top:22px; padding-bottom:40px; width: 100%;}


ul.index_new_nr dl li .children_list{ border-top:1px solid #cccccc; padding-top:22px; padding-bottom:40px; float: left; margin-left: 2%; width: 48%;}
ul.index_new_nr dl li .children_list:nth-child(2n-1){ margin-left: 0px; }
ul.index_new_nr dl .children_list a{ display:block; font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:100%; overflow:hidden; height:30px; line-height:30px;}
ul.index_new_nr dl .children_list p{ color:#666; display:block; line-height:22px; height:44px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; margin:10px auto 16px auto;}
ul.index_new_nr dl .children_list span{ font-family:Arial, Helvetica, sans-serif; display:block; color:#666;}
.foot{ background:#2c2c2c; color:#FFF; padding:30px 0px 30px 0px;}
.foot a{ color:rgba(255,255,255,0.4);}
.w1600{ margin:auto; width:1600px; max-width:96%; }
.w1500{ margin:auto; width:1500px; max-width:96%; }
.nybanner{ height:658px; background-position:center; background-repeat:no-repeat; background-size:cover; }
.nybanner .w1500{ padding-top:220px; color:#FFF;}
.nybanner_l{ float:left; width:565px;}
.nybanner_l span{ font-size:51px; display:block; margin-bottom:54px;}
.nybanner_l i{ display:block;}
.nybanner_l p{ font-size:24px; margin:10px auto 30px auto}
.nybanner_l em{ display:block;}
.nybanner_r{ float:right;width: calc(100% - 640px); margin-top:29px;}
.nybanner_r li{ width:33.3%; float:left; text-align:center;}
.nybanner_r li span{ display:block; font-size:20px;}
.nybanner_r li b{display:block; font-size:50px;line-height:94px; font-family:Arial, Helvetica, sans-serif}
.nybanner_r li b i{ font-size:94px; }
.nybanner_r li b em{ position:relative; top:-15px;}
.nybanner_r li em.n{display:block; color:#b9bcc2; font-family:Arial, Helvetica, sans-serif}
.index_aboutny{}
.index_aboutny_l{ float:left; width:797px; width: 41.5%; background:url(../images/img/aboutbg.jpg); }
.index_aboutny_l .hasdiv{ float:right; max-width:100%; width:600px;}
.index_aboutny_l .hasdiv .bkg{ padding-bottom:132%;}
.index_aboutny_r{ /*float:right;width: calc(100% - 797px);*/ display:block; height:796px; overflow: hidden; }
.index_aboutny_r dl{ display:block; margin:auto; /*width:710px;*/ max-width:90%;height:100%; position:relative;}
.ab_title{ padding-top:60px;}
.ab_title i{ display:block; font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.ab_title em{ display:block; font-size:24px;}
.ab_nr{ padding-top:100px;}
.ab_nr span{ font-size:40px; font-weight:bold;}
.ab_nr span i{ color:#0060b5;}
.ab_nr em{ display:block; font-size:20px; padding-top:12px; margin-bottom:25px;}
.ab_nr p{ color:#999; line-height:30px; height:270px; overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden; display:block; border-top:1px solid #dbdbdb; padding-top:20px;}
.ab_nr a{ display:block; width:117px; height:35px; line-height:35px; text-align:center; background:#0060b5; color:#FFF; border-radius:5px; position:absolute; left:0px; bottom:11%;}
.linian{ height:978px;}
.linian_l{ float:left;width: calc(100% - 798px); background:#191919; height:704px;}
.linian_l_small{ display:block; margin:auto; width:815px; max-width:96%; color:#FFF; padding-top:110px;}
.linian_l_small dl{ padding-left:90px; display:block; background:url(../images/img/yh.gif) 0px top no-repeat; padding-top:15px;}
.linian_l_small i{ display:block; font-size:36px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.linian_l_small em{display:block; font-size:24px; padding:10px 0px 34px 0px; border-bottom:1px solid #474747}
.linian_l_small p{display:block; color:rgba(255,255,255,0.4); line-height:24px; padding-top:26px;}
.linian_r{ float:right; position:relative; width:798px;}
.linian_r .hasdiv{ float:left; width:79%;}
.linian_r .hasdiv .bkg{ padding-bottom:89.2%; }
.linian_r .blue{ float:right; background:#0060b5; width:21%;padding-top:75px; margin-top:-75px;}
.linian_r .blue i{padding-bottom:335%; width:100%; display:block; }
.future{ float:right; width:1216px; height:140px; margin-top:-143px; background:#FFF}
.future a.clock{ display:block; float:left; width:417px;}
.future a.clock .bkg{ padding-bottom:100%}
.future_r{ float:right;width: calc(100% - 417px); background:#FFF; height:417px;}
.future_r_small{ display:block; margin:auto; max-width:95%; width:730px;}
.future_r_small dl{ padding-left:50px; margin-top:48px; background:url(../images/img/yh1.png) 0px top no-repeat; padding-top:3px;}
.future_r_small i{ display:block; font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.future_r_small em{display:block; font-size:24px; margin-bottom:33px;}
.future_r_small p{display:block; color:#999999; line-height:28px; border-top:1px solid #dbdbdb; padding-top:12px;}
.goujia{ display:block; width:100%; background:url(../images/img/aboutbj.jpg) center center no-repeat; background-size:cover; text-align:center; color:#FFF; padding:70px 0px 150px 0px;}
.goujia_title{}
.goujia_title i{ display:block; font-size:36px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.goujia_title em{display:block; font-size:24px; padding-top:5px;}
.goujia ul{ padding-top:105px; display:block; margin:auto; width:1620px; max-width:96%}
.goujia ul li{ display:block; float:left; width:25%; background:url(../images/img/sili.png) right center no-repeat}
.goujia ul li.li3{ background:none}
.goujia ul li i{ }
.goujia ul li:hover i{}
.goujia ul li i img{border:1px solid rgba(255,255,255,1); border-radius:100%;}
.goujia ul li:hover i img{border:1px solid rgba(255,255,255,1);-webkit-transform: rotate3d(0,1,0,360deg);
    -moz-transform: rotate3d(0,1,0,360deg);
    transform: rotate3d(0,1,0,360deg);}
.goujia ul li a{ color:#FFF; display:block; font-size:24px; padding-top:38px; margin-bottom:12px;}
.goujia ul li p{ line-height:26px; max-height:78px; display:block; margin:auto; width:340px; max-width:90%;}

.contact{ padding-top:66px;}
.contact_title{ color:#0161b7; font-size:40px;}
.contact_jianjie{ margin:19px auto auto auto; color:#777777; line-height:180%; padding-bottom:15px; border-bottom:1px solid #e6e6e6;}
i.icompany{ display:block; font-size:22px; padding:17px 0px 13px 0px;}
ul.ulcontact{}
ul.ulcontact li{ border-bottom:1px dotted #d8d8d8; padding:66px 0px 66px 0px;}
ul.ulcontact li:hover{ background:#fcfcfc}
ul.ulcontact li a.at{ display:block; font-size:31px; font-weight:bold; margin-bottom:47px; color:#333}
ul.ulcontact li dl{ float:left; margin-top:3px; width:33.3%;}
ul.ulcontact li dl i{ font-size:22px; padding-top:4px; font-weight:bold; display:block;}
ul.ulcontact li dl p{ font-size:16px; color:#777; line-height:24px; height:72px; display:block; overflow:hidden; padding-top:7px; max-width:90%}
ul.ulcontact li dl.z{ width:66.7%;}
ul.ulcontact li dl.z p{ height:auto;}
ul.ulcontact li dl dd{ display:block; padding-left:88px; background-position:left top; background-repeat:no-repeat;}
.foot_tab{ float:left;width: calc(100% - 206px); }
.foot_tab_title{ border-bottom:1px solid #424242; font-size:0px;}
.foot_tab_title a{ display:inline-block; height:45px; line-height:45px; border-bottom:2px solid rgba(255,255,255,0); padding:0px 17px; cursor:pointer; color:#FFF; font-size:16px;}
.foot_tab_title a.ses,.foot_tab_title a:hover{border-bottom:2px solid #FFF; }
.foot_tab_nr{}
.foot_tab_nr dl{ padding:20px 0px 0px 0px; display:none; /*height:78px;*/ overflow:hidden }
.foot_tab_nr dl a{ line-height:26px; display:inline-block; margin-right:16px;}
.qrcode{ float:right; text-align:center; width:136px; margin-bottom: 30px;}
.qrcode img{ width:100%;}
.qrcode i{ display:block;}
.foot ul{  border-top:1px solid #424242;border-bottom:1px solid #424242; padding:36px 0px;}
.foot ul li{ float:left; width:33.3%;}
.foot ul li dl{ background-position:left center; padding-right:23px; background-repeat:no-repeat; padding-left:54px; display:inline-block; height:60px; border-right:1px solid #424242; line-height:60px; font-size:24px; float:left;}
.foot ul li.f1 dl{ background-image:url(../images/img/f1.png)}
.foot ul li.f2 dl{ background-image:url(../images/img/f2.png)}
.foot ul li.f3 dl{ background-image:url(../images/img/f3.png)}
.foot ul li p{ display:inline-block; margin-left:3%}
.foot ul li p i{ font-size:34px; font-weight:bold; display:block; font-family:Arial, Helvetica, sans-serif}
.foot ul li p em{ display:block; font-size:14px;}
.fcop{color:rgba(255,255,255,0.4); padding:30px 0px 10px 0px;}
.fcop p i{ display:inline-block;}
.fcop p.l{ float:left;}
.fcop p.r{ float:right;}
.fcop p.r img{ display: inline-block; margin-right: 5px; top: 3px; position: relative; }
.nybanner1{ margin:auto; }
.nybanner1 .pic span{ padding-top: 30%; }

.newscon{ margin:20px auto;}
.newscon li{ line-height:30px; border-bottom:#CCC 1px dotted; text-align:left; float:left; width:25%;}

.n_nav{ height: 60px; margin: auto; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); background: #fff; text-align: center; font-size: 16px;}
.n_nav a{ display: inline-block; border-bottom: #fff 2px solid; line-height: 58px; padding: 0px 20px; margin:auto 10px; }
.n_nav a:hover{border-bottom: #1297DC 2px solid;  color: #333;}
.n_nav a.on{border-bottom: #1297DC 2px solid; }


.newnr_list{ margin:auto; }
.newnr_list li{ float: left; width: 50%; margin:20px auto; border-bottom: #ccc 1px solid; padding-bottom: 20px; }
.newnr_list li a{ display: block;  margin:auto;  border-left: #ccc 1px solid; padding: 30px;  }
.newnr_list li .tit{ font-size: 18px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newnr_list li .text_con{ margin:auto; }
.newnr_list li .text_con p{ font-size: 14px; height: 50px;  color: #666; line-height: 180%;  margin:30px auto; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.newnr_list li .text_con dl{ margin:auto; }
.newnr_list li .text_con dl dd{ float: left; }
.newnr_list li .text_con dl dt{ float: right; }
.newnr_list li:nth-child(2n-1) a{ border:none; }

.wzdh{ font-size: 14px; text-align: left; height: 60px; margin: auto; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); background: #fff;  line-height: 60px;}

.case_list{ margin:auto; overflow: hidden; }
.case_list li{ float: left; width: 33.3%; margin:20px auto; }
.case_list li .con{ width: 95%; margin:auto;  display: block; border: #f2f2f2 1px solid;}
.case_list li .pic span{ padding-top: 70%; }
.case_list li .text_con{ width: 90%; margin:auto; }
.case_list li .text_con .tit{ margin:20px auto 0 auto;  }
.case_list li .text_con .tit span{ font-size: 18px; display: block; margin:10px auto; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case_list li .text_con .tit p{margin:10px auto; color: #666; height: 30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:none;}
.case_list li .text_con .more{ margin:auto; padding: 10px 0; border-top: #e5e5e5 1px solid; padding-bottom:20px; }
.case_list li .text_con .more span{ display: block; float: left; font-family: Arial; }
.case_list li .text_con .more em{ display: block; float: right; }

.Tpiaochuan{ width:592px; height:300px; background: url(../img/piao2.png)  no-repeat center center; position:fixed; left:50%; margin-left:-250px; z-index:9999; top:50%; margin-top:-115px;
  background-size:100% 100%;
  -webkit-background-size:100% 100%;
  -moz-background-size:100% 100%;
  display:none;
  opacity:0.9; -html-opacity:0.9;
}
.Tpiaochuan .zixun{ position:absolute; bottom:85px; left:50px; cursor:pointer;}
.Tpiaochuan .noneyin{ position:absolute; bottom:85px; right:50px; cursor:pointer;}
.Tpiaochuan .gb{ position:absolute; top:15px; right:20px; cursor:pointer;}

.wapkefu{ display: none; position: fixed; bottom: 0; left: 0; width: 100%; height: 40px; text-align: center; background: #4078c2; }
.wapkefu a{color: #fff; line-height: 40px; font-size: 16px;}